@charset 'utf-8';
@import "common/base";

header {
    @include wh($full,half(105px));
}

section {
    top: 75px;

    .section-user {
        @include wh(r(706),r(170));
        margin: 0 auto;
        .user-avatar {
            @include wh(r(170),r(170));
            margin-right: r(23);
            border-radius: 50%;
            overflow: hidden;
            img {
                width: $full;
            }
        }

        .user-info {
            @include wh(r(220),r(170));
            p {
                font-size: r(30);
                line-height: r(68);
                color: #000000;
                margin-top: r(14);
            }
            span {
                font-size: r(24);
                line-height: r(68);
                color: #9d9d9d;
            }
        }

        .go {
            i {
                font-size: r(45);
                line-height: r(170);
            }
        }
    }

    .section-tabs {
        @include wh(r(706),r(149));
        margin: r(27) auto 0;
        .tab {
            @include wh(r(193),r(149));
            text-align: center;
            margin-right: r(62);
            h6 {
                font-size: r(27);
                line-height: r(37);
                padding-top: r(105);
                font-weight: normal;
            }
        }

        .tab1 {
            background: url("../img/mine-tab1.jpg") round;
        }

        .tab2 {
            background: url("../img/mine-tab3.jpg") round;
        }

        .tab3 {
            background: url("../img/mine-tab2.jpg") round;
            margin-right: 0;
        }
    }

    .section-more {
        width: r(706);
        margin: r(33) auto 0;
        .more {
            @include wh($full,r(78));
            margin-bottom: r(20);
            .more-img {
                @include wh(r(96),r(78));
                img {
                    width: $full;
                    height: $full;
                }
            }
            p {
                font-size: r(26);
                line-height: r(78);
                margin-left: r(37);
            }

            .more-title {
                a {
                    font-size: r(24);
                    line-height: r(78);
                    color: #000000;
                    i {
                        color: #FF9344;
                        padding-left: r(10);
                    }
                }
            }
        }
    }
    
    .section-btn {
        @include wh(r(706),r(75));
        margin: r(30) auto 0;
        text-align: center;
        button {
            @include wh(r(146),r(75));
            border-radius: r(75);
            background: #FF9344;
            color: #FFFFFF;
            font-size: r(23);
            line-height: r(75);
            text-align: center;
            &.exit {
                margin-right: r(244);
            }
        }
    }
}
